<script setup>
const schoolName = '山西农业大学'
const schoolEnglishName = 'SXAU'
</script>
<template>
    <header>
        <span class="logo" @click="$router.push('/')">{{schoolName}}档案管理系统</span>
        <span class="sub-title">{{ schoolEnglishName }} archive management system</span>
    </header>
</template>
<style scoped>
header {
    height: 50px;
    background: linear-gradient(135deg, #00295b, #045bc5);
    /* 渐变背景 */
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    padding: 0 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    user-select: none;
    z-index: 999;
}
.logo{
    color: #fff;
    font-family: "华文新魏";
    font-size: 26px;
    margin-left: 8rem;
}
.sub-title{
    color: #fff;
    font-size: 10px;
    margin-left: 1rem;
}
</style>